<template>
  <!-- v-model="this.$store.state.a.sta"  选中下面的按钮-->
  <div class="footer">
      <div class="footer-on">
        <div class="footer-left">
          <input type="checkbox" @change="changeState" :checked="sltAll" />
          <h3>全选</h3>
        </div>
        <div class="footer-right">
            <div class="money">合计：<span>{{this.$store.state.a.totalmoney}}</span></div>
            <a href="#">结算</a>
        </div>
      </div> 
  </div>
</template>

<script>
export default {
    data(){
        return{
            sltAll:false
        }
    },
    methods:{
        changeState(){
            // console.log(this.sltAll);
            this.sltAll = !this.sltAll
            this.$emit("xiaoming",this.sltAll)
        }
    },
}
</script>

<style scoped>
    .footer{
        width: 100%;
        height: 1.12rem;
        background-color: #ffffff;
        position:fixed;
        bottom: 0;
        display: flex;
        justify-content: center;
    }
    .footer-on{
        width: 3.61rem;
        height: 0.59rem;
        background-color: #ffffff;
        /* border-bottom: 1px solid gray; */
        display: flex;
        justify-content: space-between;
    }
    .footer-left{
        width: 0.48rem;
        height: 0.47rem;
        background-color:  #ffffff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-left input{
        display: block;
        width: 0.16rem;
        height:0.16rem;
        margin-left: 0.05rem;
    }
    .footer-left h3{
        font-weight: normal;
        font-size: 0.12rem;
    }
    .footer-right{
        width: 1.84rem;
        height: 0.47rem;
        background-color: #ffffff;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .money{
        font-size: 0.09rem;
    }
    .money>span{
        font-size: 0.14rem;
        color: red;
    }
    a{
        display: block;
        width: 0.84rem;
        height: 0.35rem;
        color: aliceblue;
        font-size: 0.12rem;
        text-align: center;
        line-height: 0.35rem;
        background-color: #0faeff;
        border-radius: 15px;
    }
</style>